<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/Swiper/3.3.1/css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="../css/youyi.css"/>
	<link rel="stylesheet" type="text/css" href="../css/environmental.css"/>
	<link rel="stylesheet" type="text/css" href="../css/special2.css"/>
    <title>环保工程</title>
    <style>
   		body{background-color: #fff;}
   		.mui-popover{width: 98%;}
   		.mui-popover-arrow{display: none;}	
	</style>	
</head>
<body>
	<div class="mui-content">
		<div class="goongcheng" id="showcase">
			<div class="-container">
				<div class="one_con_top">
		            <div class="text-center">
		            	<p class="tell_num"><span>400-960-9288</span></p>
		                <p class="text-uppercase title_englsh">the eia projectthe eia projectthe ei</p>
		                <h3><span>环保工程专题</span></h3>
		            </div>
		            <div class="top_list_box clearfix">
		                <div class="col-xs-4 text-ellipsis one_top_list">
		                <p class="text-center mui-ellipsis">东莞六大行业<br />污染物排放标准</p>
		                </div>
		                <div class="col-xs-4 one_top_list">
		                    <p class="text-center mui-ellipsis">东莞六大行业<br />污染物技术</p>
		                </div>
		                <div class="col-xs-4 one_top_list">
		                    <p class="text-center mui-ellipsis">优质企业<br />推荐</p>
		                </div>
		            </div>
		       </div>				
			</div>	<!-- end container -->	
		</div>
		<div class="wuranwu">
			 <h3 class="one_con_header text-center"><span>污染排放标准</span></h3>
			 <div class="container">
			 	<div class="col-xs-6">
			 		<a href="#imgPopover1">
			 			<div class="z_img">
							<img src="../images/index/tb10.png">
							<div class="z_yyimg">
								<!--<a href="javascript:;">-->
									<img src="../images/index/tb14.png">
									<p>查看</p>
								<!--</a>-->
							</div>
						</div>
			 		</a>
					<div class="z_text2 z_text3">
						<p class="mui-ellipsis">电镀行业污染物排放标准 </p>
						<p style="border-bottom: 1px solid #4E595F;margin: 10px 20px;"></p>
						<p class="mui-ellipsis-2">新建企业水污染排放限值</p>
					</div>
			 	</div>
			 	<div class="col-xs-6">
			 		<a href="#imgPopover2">
			 			<div class="z_img">
							<img src="../images/index/tb11.png">
							<div class="z_yyimg">
								<!--<a href="javascript:;">-->
									<img src="../images/index/tb14.png">
									<p>查看</p>
								<!--</a>-->
							</div>
						</div>
			 		</a>			 		
					<div class="z_text2 z_text3">
						<p>漂染废水排放标准 </p>
						<p style="border-bottom: 1px solid #4E595F;margin: 10px 20px;"></p>
						<p class="mui-ellipsis-2">新建企业水污染物排放浓度 <br>限值及单位产品基准排水量限值及单位产品基准排水量</p>
					</div>
			 	</div>
			 	<div class="col-xs-6">
			 		<a href="#imgPopover3">
			 			<div class="z_img">
							<img src="../images/index/tb12.png">
							<div class="z_yyimg">
								<!--<a href="javascript:;">-->
									<img src="../images/index/tb14.png">
									<p>查看</p>
								<!--</a>-->
							</div>
						</div>
			 		</a>			 		
					<div class="z_text2 z_text3">
						<p>造纸行业排放标准 </p>
						<p style="border-bottom: 1px solid #4E595F;margin: 10px 20px;"></p>
						<p>新建企业水污染物排放限值</p>
					</div>
			 	</div>
			 	<div class="col-xs-6">
			 		<a href="#imgPopover4">
			 			<div class="z_img">
							<img src="../images/index/tb13.png">
							<div class="z_yyimg">
								<!--<a href="javascript:;">-->
									<img src="../images/index/tb14.png">
									<p>查看</p>
								<!--</a>-->
							</div>
						</div>
			 		</a>			 		
					<div class="z_text2 z_text3">
						<p>制革行业排放标准 </p>
						<p style="border-bottom: 1px solid #4E595F;margin: 10px 20px;"></p>
						<p class="mui-ellipsis-2">新建企业水污染物排放浓度 <br>限值及单位产品基准排水量</p>
					</div>
			 	</div>
			 </div>
		</div>
		<div class="water_treatment">
			<h3 class="one_con_header text-center"><span>六大行业废水废气治理技术</span></h3>
			<div class="water_wrap">
				<div class="swiper-container">
			        <div class="swiper-wrapper">
			            <div class="swiper-slide">
			            	<a href="#water1" class="mui-tab-item">
			            		<div class="list_ico list_ico_1">
				            		<img src="../images/index/tb10_1.png"/>
				            		<p><span>电镀</span></p>
				            		<div class="mask_div"></div>
				            	</div>
			            	</a>
			            </div>
			            <div class="swiper-slide">
			            	<a href="#water2" class="mui-tab-item">
			            		<div class="list_ico list_ico_2">
				            		<img src="../images/index/tb15.png"/>
				            		<p><span>印染</span></p>
				            		<div class="mask_div"></div>
				            	</div>
			            	</a>
			            </div>
			            <div class="swiper-slide">
			            	<a href="#water3" class="mui-tab-item">
			            		<div class="list_ico list_ico_3">
				            		<img src="../images/index/tb16.png"/>
				            		<p><span>造纸</span></p>
				            		<div class="mask_div"></div>
				            	</div>
			            	</a>
			            </div>
			            <div class="swiper-slide">
			            	<a href="#water4" class="mui-tab-item">
			            		<div class="list_ico list_ico_4">
				            		<img src="../images/index/tb17.png"/>
				            		<p><span>电镀</span></p>
				            		<div class="mask_div"></div>
				            	</div>
			            	</a>
			            </div>
			            <div class="swiper-slide">
			            	<a href="#water5" class="mui-tab-item">
			            		<div class="list_ico list_ico_5">
				            		<img src="../images/index/tb18a.png"/>
				            		<p><span>电镀</span></p>
				            		<div class="mask_div"></div>
				            	</div>
			            	</a>
			            </div>
			            <div class="swiper-slide" class="mui-tab-item">
			            	<a href="#water6">
			            		<div class="list_ico list_ico_6">
				            		<img src="../images/index/tb19a.png"/>
				            		<p><span>电镀</span></p>
				            		<div class="mask_div"></div>
				            	</div>
			            	</a>
			            </div>
			        </div>			        
			    </div>
			    <!-- Add Pagination -->
			    <div class="swiper-pagination"></div>
			</div>
		</div>		
		<div class="water_content">
			<div id="water1" class="water_content_list mui-control-content mui-active">
				<h3>电镀废水</h3>
				<div class="content_text">
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
				</div>
			</div>
			<div id="water2" class="water_content_list mui-control-content">
				<h3>印染</h3>
				<div class="content_text">
					<p>2电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
				</div>
			</div>
			<div id="water3" class="water_content_list mui-control-content">
				<h3>造纸</h3>
				<div class="content_text">
					<p>3电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
				</div>
			</div>
			<div id="water4" class="water_content_list mui-control-content">
				<h3>电镀废水</h3>
				<div class="content_text">
					<p>4电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
				</div>
			</div>
			<div id="water5" class="water_content_list mui-control-content">
				<h3>电镀废水</h3>
				<div class="content_text">
					<p>5电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
				</div>
			</div>
			<div id="water6" class="water_content_list mui-control-content">
				<h3>电镀废水</h3>
				<div class="content_text">
					<p>6电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
					<p>电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜电镀和金属加工业废水含有大师的盐酸和镜锌、铀等 重金属离子及有机光亮剂等，毒性较大，有些还含致畜</p>
				</div>
			</div>
			
		</div>
		<div class="service_pro">
			<h3 class="one_con_header text-center"><span>寻找环保工程服务商</span></h3>
			<div class="slide_wrap mui-slider" id="Gallery">
                <div class="mui-slider-group">
                	<div class="mui-slider-item">
	                    <div class="eia_agency_box eia_agency_box1 clearfix mui-table-view mui-grid-view mui-grid-9" id="eia_agency_box">
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="http://www.baidu.com"><h6></h6><p class="mui-ellipsis">华联环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="http://www.baidu.com"><h6></h6><p class="mui-ellipsis"> 红树林环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="http://www.baidu.com"> <h6></h6><p class="mui-ellipsis">众志环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">豪丰环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">居峰环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">中南环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">中科建禹</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">衡标检测</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">水之源环境</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">凯韵水处理</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">天欣环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">绿佳环保</p></a></div>
	                        </div>
	                    </div>
               		</div>
               		<div class="mui-slider-item">
               			<div class="eia_agency_box eia_agency_box2 clearfix mui-table-view mui-grid-view mui-grid-9">                   				
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">恒春环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">四丰检测</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">中金环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">瑞星环境</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">富鹏环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">绿月环保</p></a></div>
	                        </div>                   				
               			</div>
               		</div>
                </div>
                <div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
		</div>
		<div class="release_req">
        	<div class="">
            	<div class="one_con_need">
                    <h3 class="one_con_header text-center need_h3"><span>发布您的<b>环保需求</b></span></h3>
                    <div class="need_form container">
                        <form>
                            <div class="form-group">
                                <textarea class="form-control" rows="3" placeholder="请描述您的环保需求"></textarea>
                            </div>
                          <div class="form-group">
                            <input type="text" class="form-control" id="exampleInputName1" placeholder="请您的姓名">
                          </div>
                          <div class="form-group">
                            <input type="tel" class="form-control" id="exampleInputTel1" placeholder="请输入您的手机号">
                          </div>
                          <div class="form-group">
                            <input type="text" class="form-control" id="exampleInputCom1" placeholder="请输入您的公司名">
                          </div>
                          <div class="form-group location_input">
                            <input type="text" class="form-control" id="exampleInputCom1" placeholder="">
                          </div>
                          <p>*我们承诺为您严格保密，绝不泄漏您的信息</p>
                          <button type="submit" class="btn btn-default" id="submit_btn">确认提交</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
	</div>
	<div id="imgPopover1" class="mui-popover">
		<div class="show_img_box">
			<h2>电镀行业污染物排放标准 <span>X</span></h2>
			<img src="../images/index/pop_img.png"/>
		</div>
	</div>
	<div id="imgPopover2" class="mui-popover">
		<div class="show_img_box">
			<h2>漂染废水排放标准<span>X</span></h2>
			<img src="../images/index/bg_1.png"/>
		</div>
	</div>
	<div id="imgPopover3" class="mui-popover">
		<div class="show_img_box">
			<h2>造纸行业排放标准 <span>X</span></h2>
			<img src="../images/index/bg0.png"/>
		</div>
	</div>
	<div id="imgPopover4" class="mui-popover">
		<div class="show_img_box">
			<h2>制革行业排放标准 <span>X</span></h2>
			<img src="../images/index/bg3.png"/>
		</div>
	</div>
	
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/Swiper/3.3.1/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/mui.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=ZM5FnhEj8ZddP3FpGLM85lPFFVvj1Lgr"></script>
<script>
mui.init({
	swipeBack:false ,//启用右滑关闭功能
	keyEventBind:{
		//backbutton: false,  //Boolean(默认true)关闭back按键监听
		menubutton: false   //Boolean(默认true)关闭menu按键监听
	}
});

var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 3,
        paginationClickable: true,
        spaceBetween: 10
    });

mui(".water_wrap").on("tap",".swiper-slide",function(){
	$(this).addClass("tog_active").siblings().removeClass("tog_active");
});
var popId=null;
mui('body').on('shown', '.mui-popover', function(e) {
	popId=e.detail.id;//detail为当前popover元素
});
mui(".show_img_box h2").on("tap","span",function(){
	mui('.mui-popover').popover('hide',document.getElementById(popId));
});


$(".eia_agency_box").each(function(index,obj){
	$(">div",this).mouseover(function(e){	
		var offL=this.offsetLeft;
		var offT=this.offsetTop;
		//$(".eia_syle").remove();
		$('head').append('<style class="eia_syle">.eia_agency_box'+(index+1)+' > div:nth-child(1)::after{ left:'+offL+'px;top:'+offT+'px;display:block;}</style>'); 
	});
});

//表单验证
function checkPhone(_v) {
return (/^1[3|4|5|8][0-9]\d{8}$/.test(_v));
};
document.querySelector("#submit_btn").addEventListener("tap",function(){
	console.log("submit");
	var jsons={};
	var areaText=$("#textarea_input").val();
	var name=$("#exampleInputName1").val();
	var tel=$("#exampleInputTel1").val();
	var com=$("#exampleInputCom1").val();
	var type = 'hpbx';
	var data_source = 'special';
	if((areaText!="" && name!="" && tel!="" && com!="")){
		if(!checkPhone(tel)){
			 mui.toast("手机号不正确！");
			return false;
			};
		$.ajax({
			    type: 'GET',
				cache: false,
                url: 'http://219.135.58.197:9003/jsp/conn_User_Info.jsp?cmd=insertrequirement&queryPhone=' + tel +'&querytype='+ type + '&querydescribe='+ areaText + '&queryusername=' + name + '&querycompany=' + com + '&querydatasource=' + data_source,
                dataType: 'json',
                success: function (data) {
                        mui.toast("感谢您提交的环保需求，我们会尽快联系您！");
					 }
			});
		}else{
			 	mui.toast("内容输入有误！");
				return false;
			};
});

//定位
window.onload=function(){
	//经纬度
	var lon=null;
	var lat=null;
	
	var map = new BMap.Map("allmap");
	var point = null;
	var gc = new BMap.Geocoder();
	var adres=null;
	var mycity=null;
		textSpan=document.querySelector(".location_input input");
		navigator.geolocation.getCurrentPosition(function(clbck){
 		lon=clbck.coords.longitude;
 		lat=clbck.coords.latitude;
 		point = new BMap.Point(lon,lat);
 		geobackFn();
    });
    
    var geobackFn=function(){
    	gc.getLocation(point, function(rs){
		   var addComp = rs.addressComponents;
		   	   mycity=addComp.city;
		   	   adres=addComp.province + " " + addComp.city + "" + addComp.district + "" + addComp.street +"" + addComp.streetNumber;
		   	   textSpan.value=adres;
				});
    };
};
</script>
</body>
</ html>